// pages/index8/index8.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list: [
      {id: 1, name: '🍎'},
      {id: 2, name: '🍌'}
    ],
    value: ''
  },

  addItem() {
    // 不能为空
    if(!this.data.value) return
    // 不能重复 some 函数可以遍历数组, 返回一个布尔值表明数组中是否有任何一个元素满足回调函数条件
    if(this.data.list.some(item=>item.name === this.data.value)) return

    // const lastId = this.data.list.length > 0 ? this.data.list[this.data.list.length-1].id : 0

    // this.data.list.push({
    //   id: lastId + 1,
    //   name: this.data.value
    // })

    const last = [...this.data.list].pop()

    this.data.list.slice(-1)

    this.data.list.push({
      id: last?last.id+1:1,
      name: this.data.value
    })

    this.setData({
      // 字段名:新数据
      list: this.data.list,
      value: ''
    })
  },

  delItem(params) {
    console.log('父组件接收到的参数', params.detail);
    // 接收到子组件传入的 id ,在列表中过滤即可, 注意需要调用 setData 触发页面渲染
    const newList = this.data.list.filter(item=>item.id !== params.detail)
    this.setData({
      list: newList
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})